/*!
Blogger Template Shell
Name: MDI Gadwid
Designer: Muhammad Ariefin
Unminified => `main.css`
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:none;font-size:100%;font:inherit;vertical-align:baseline}
*:focus{outline:none}
section,nav,article,aside,hgroup,header,footer{display:block}
time,mark{display:inline}
strong,b,dt,th,kbd{font-weight:bold}
em,i,dfn,caption{font-style:italic}
ins,u{text-decoration:underline}
del{text-decoration:line-through}
body{font:normal normal 12px/1.4 Arial,Sans-Serif;color:black;text-align:center}
h1,h2,h3,h4,h5,h6{font-weight:bold}
h1{font-size:315%}
h2{font-size:270%}
h3{font-size:200%}
h4{font-size:180%}
h5{font-size:150%}
h6{font-size:120%}
a{color:blue;text-decoration:none}
a:hover{text-decoration:underline}
a img{border:0}
abbr,acronym{border-bottom:1px dotted}
small{font-size:96%}
sup,sub{position:relative;top:-.4em;font-size:96%}
sub{top:.4em}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}
blockquote{padding:0 0 0 20px;margin:0 10px;border-left:4px solid #eee}
p,ul,ol,dl,table,pre,blockquote,form,hr{margin:1.4em 0}
ul,ol,dd{margin-left:2em}
ul ul,ol ol,ul ol,ol ul{margin-top:0;margin-bottom:0;margin-left:1.5em}
ul{list-style:disc outside}
ol{list-style:decimal outside}
hr{height:0;border:none;background:none;border-top:1px solid}
table{border-collapse:collapse;border-spacing:0}
table caption{text-align:left}
table.bordered td,table.bordered th,table[border="1"] td,table[border="1"] th{border:1px solid;padding:.5em 1em;vertical-align:top}
input,button,select,textarea,.btn{font:inherit;color:inherit;line-height:normal;font-size:100%;background:none;border:none;padding:0;margin:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;vertical-align:middle}
textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
input::-moz-focus-inner,button::-moz-focus-inner{margin:0;padding:0;border:none;outline:none}
input[type="button"],input[type="submit"],input[type="reset"],select,button,label,a{cursor:pointer}
input,button,select,textarea,.btn{border:1px solid #ccc;background-color:white;padding:2px 2px;margin:0 0 3px}
.clear{display:block;clear:both}
.left{float:left}
.right{float:right}
.hidden{display:none}
.invisible{visibility:hidden}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.text-justify{text-align:justify}
.text-normal{font-style:normal;font-weight:normal;background:none;border:none;color:black;text-decoration:none}
.visually-hidden,.screen-reader{position:absolute!important;overflow:hidden;clip:rect(0px 0px 0px 0px);clip:rect(0px,0px,0px,0px);height:1px;width:1px;margin:-1px 0 0;padding:0;border:0}
.moderate-visually-hidden{position:absolute;top:-9999px;left:-9999px}
.no-flow{overflow:hidden}
.auto-flow{overflow:auto}
.scroll-flow{overflow:scroll}
.x-flow{overflow-x:auto}
.y-flow{overflow-y:auto}
.x-scroll{overflow-x:scroll}
.y-scroll{overflow-y:scroll}
.no-x-scroll{overflow-x:hidden}
.no-y-scroll{overflow-y:hidden}
.full-width{width:100%}
.half-width{width:50%}
.nav,.nav ul,.nav ol,.nav li{margin:0;padding:0;list-style:none}
.nav li{display:inline}
.cf{*zoom:1}
.cf:after{content:"";line-height:0;display:table;clear:both}
/* CSS Document */
body{background-color:#E3CEAB;font:normal normal 14px/1.5 "Source Sans Pro",Calibri,Segoe,"Segoe UI",Frutiger,"Frutiger Linotype","DeJavu Sans","Helvetica Neue",Arial,Sans-Serif;color:#333}
a{color:#214067}
a img,.post-thumbnail{padding:4px;background-color:#eee;border:1px solid #ddd}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-family:Oswald,"Arial Narrow","Source Sans Pro",Calibri,Segoe,"Segoe UI",Frutiger,"Frutiger Linotype","DeJavu Sans","Helvetica Neue",Arial,Sans-Serif;color:#273E5F}
.widget{margin:0 0 2em}
.sidebar .widget{background-color:#FCFCFC;-o-box-shadow:0 0 20px #F0F0F0 inset,0 1px 4px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.3)-mz-;box-shadow:0 0 20px #F0F0F0 inset,0 1px 4px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.3);-moz-box-shadow:0 0 20px #F0F0F0 inset,0 1px 4px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 20px #F0F0F0 inset,0 1px 4px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.3);box-shadow:0 0 20px #F0F0F0 inset,0 1px 4px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.3);border:1px solid white;overflow:hidden;}
.sidebar .widget ul,.sidebar .widget ol{margin-top:0}
.sidebar h2{font-size:120%;margin:0 0 .3em}
.popular-posts ul,.popular-posts li{margin:0;padding:0;list-style:none}
.popular-posts li{margin-bottom:.6em}
.popular-posts .item-thumbnail{width:72px;height:72px;float:left;border:4px solid #ddd;-webkit-border-radius:72px;-moz-border-radius:72px;border-radius:72px;overflow:hidden;margin:4px 10px 0 0}
.popular-posts .item-thumbnail img{float:none;display:block;margin:0 0;padding:0 0;border:none}
.popular-posts .item-title{font-weight:bold;font-size:120%}
#outer-wrapper{text-align:left;width:980px;background-color:#fafafa;margin:0 auto;-webkit-box-shadow:0 0 3px #5F5846;-moz-box-shadow:0 0 3px #5F5846;box-shadow:0 0 3px #5F5846}
#content-wrapper{margin-top:20px}
#site-header,#site-footer{background-color:#31588B;color:white;line-height:normal}
#site-header .inner,#site-footer .inner{padding:15px 20px}
#site-header h1,#site-header p,#site-header .widget{line-height:normal;margin:0}
#site-header h1{font-size:150%;text-transform:uppercase;letter-spacing:5px;color:white}
#site-header a,#site-footer a{color:#97ABC1}
#site-header a:hover,#site-footer a:hover{color:white}
#site-nav,#site-nav ul{background-color:#97ABC1;height:40px;color:#213E62;text-transform:uppercase}
#site-nav{border-bottom:2px solid #ddd}
#site-nav li{float:left;position:relative}
#site-nav a{display:block;height:40px;line-height:40px;padding:0 15px;color:inherit;white-space:nowrap;font-family:Oswald,"Arial Narrow","Source Sans Pro",Calibri,Segoe,"Segoe UI",Frutiger,"Frutiger Linotype","DeJavu Sans","Helvetica Neue",Arial,Sans-Serif;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#site-nav a.home-menu,#site-nav a.home-menu:hover{background-color:#31588B;color:white;padding:0 10px;line-height:45px}
#site-nav a:hover,#site-nav li:hover>a{background-color:#6481A5;text-decoration:none;color:white}
#site-nav li ul{height:auto;position:absolute;z-index:999;top:-99999px;left:-99999px;width:170px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4)}
.js #site-nav li ul{top:100%;left:0;display:none}
#site-nav li li{float:none;display:block}
#site-nav li li a{height:30px;line-height:30px;padding:0 10px}
.js #site-nav li li ul{top:0;left:100%}
.no-js #site-nav li:hover>ul{top:100%;left:0}
.no-js #site-nav li li:hover>ul{top:0;left:100%}
#site-nav .search-form{float:right;text-transform:none}
#site-nav .search-form form{margin:0;height:40px;line-height:40px;padding:0 14px}
#site-nav .search-form .text-input{width:150px;border-color:transparent}
#main-wrapper{width:65%}
#sidebar-wrapper{width:35%;line-height:normal;font-size:12px}
#sidebar-wrapper h2{background-color:#333;color:white;padding:5px 10px;margin:0 0 10px;border-top:4px solid #31588B}
#main-wrapper .inner,#sidebar-wrapper .inner{padding:0 20px}
input[type="button"],input[type="submit"],input[type="reset"],button,.btn,#site-nav .search-form .submit-button,input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,button:hover,.btn:hover,#site-nav .search-form .submit-button:hover{display:inline-block;*display:inline;background-color:#31588B;border-color:transparent;color:white;font-weight:bold;padding-left:6px;padding-right:6px;text-decoration:none}
input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,button:hover,.btn:hover,#site-nav .search-form .submit-button:hover{background-color:#273E5F}
.breadcrumb{border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;height:24px;overflow:hidden;margin:0 0 20px;font-size:86%;font-weight:bold}
.breadcrumb li{float:left;border-right:1px solid #ddd}
.breadcrumb li a,.breadcrumb li span{display:block;height:24px;line-height:24px;padding:0 10px}
.date-header{color:inherit;font-size:110%;margin:0 0 10px;padding:0 0 10px;border-bottom:1px dashed #ddd}
.post{float:left;margin:5px;padding:0 6px 10px 10px;background-color:#FCFCFC;-o-box-shadow:0 0 20px #F0F0F0 inset,0 1px 4px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.3)-mz-;box-shadow:0 0 20px #F0F0F0 inset,0 1px 4px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.3);-moz-box-shadow:0 0 20px #F0F0F0 inset,0 1px 4px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 20px #F0F0F0 inset,0 1px 4px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.3);box-shadow:0 0 20px #F0F0F0 inset,0 1px 4px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.3);border:1px solid white;overflow:hidden}
.post-title{border-bottom:1px dashed #ddd;padding-bottom:10px}
.index .post-title{font-size:140%;padding:0;margin:0;border:none}
.post-body,.post-footer{margin-top:1.7em}
.index .post-body{margin-top:0.1em}
.post-thumbnail{margin:.2em 1em 0 0}
.post-labels a{margin: 2px;position: relative;font-size: 12px;font-weight: bold;color: #000000;padding: 3px;border-radius: 3px;-o-box-shadow: 0 0 20px #F0F0F0,0 1px 4px rgba(0,0,0,0.1) inset,0 1px 2px rgba(0,0,0,0.3);-mz-box-shadow: 0 0 20px #F0F0F0,0 1px 4px rgba(0,0,0,0.1) inset,0 1px 2px rgba(0,0,0,0.3);-moz-box-shadow: 0 0 20px #F0F0F0,0 1px 4px rgba(0,0,0,0.1) inset,0 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow: 0 0 20px #F0F0F0,0 1px 4px rgba(0,0,0,0.1) inset,0 1px 2px rgba(0,0,0,0.3);box-shadow: 0 0 20px #F0F0F0,0 1px 4px rgba(0,0,0,0.1) inset,0 1px 2px rgba(0,0,0,0.3);border: 1px solid white;overflow: hidden}
pre,code{font:normal normal 12px/1.4 Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,Monospace}
pre{background-color:#eee;padding:10px}
.comments{margin-top:2em}
.comments h4{text-transform:capitalize}
.comments ol,.comments ul,.comments li{margin:0;padding:0}
.comments .comments-content .icon.blog-author{background:transparent url('/favicon.ico') no-repeat 50% 50%;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-ms-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%}
.comments .continue a:before{font:normal normal 100%/normal "FontAwesome";content:"\f055";margin-right:.2em}
.comments .comments-content .comment-replies{background-color:white;border:1px solid #ddd}
.deleted-comment{color:#ccc}
@media (max-width:1024px){
.rwd #outer-wrapper{width:98%}
}
@media (max-width:810px){
.rwd #site-nav,.rwd #site-nav ul{height:auto}
.rwd #site-nav a.home-menu,.rwd #site-nav a.home-menu:hover{background-color:#333;color:#31588B}
.rwd #site-nav li{float:none;display:block}
.rwd #main-wrapper,.rwd #sidebar-wrapper{float:none;display:block;width:auto;margin:20px}
.rwd #main-wrapper .inner,.rwd #sidebar-wrapper .inner{margin:0;padding:0}
.rwd #site-nav .search-form{float:none;display:block}
.rwd #site-nav .search-form .text-input{width:50%}
.rwd img{max-width:98%;height:auto}
.rwd .separator.left,.rwd .separator.right{float:none;display:block;text-align:center}
}